<!DOCTYPE html>
<html lang="utf-8" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>文章管理后台-宾果</title>
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/admin.css}" />
    <link th:href="@{/lib/font-awesome/css/font-awesome.css}" rel="stylesheet" />
</head>
<style>
    .main-layout-container .layui-nav-item a{
        color: #333333 !important;
    }
    .tpwidget_title_hook,.tpwidget_icon_hook,.tpwidget_text_hook,.tpwidget_alarm_hook{
        color: #828282 !important;
    }
</style>
<body>

<div class="main-layout" id='main-layout'>
    <!--侧边栏-->
    <div class="main-layout-side">
        <div class="m-logo">
        </div>
        <ul class="layui-nav layui-nav-tree" lay-filter="leftNav" id="navbar">

            <li th:each="menu,menuStat:${menus}" th:class="${menuStat.index == 0}?'layui-nav-item layui-nav-itemed':'layui-nav-item'" th:id="${'menuId'+menuStat.index}" onclick="removeClass(this.id)">
                <a href="javascript:;">
                    <i th:class="${menu.attributes.icon}" th:attr="data-icon=${menu.attributes.icon}"></i><cite th:text="${menu.text}"></cite>
                    <!--<span class="layui-nav-more"></span>-->
                </a>
                <dl  th:each="childMenu:${menu.children}" class="layui-nav-child" style="padding-left: 20px;">
                    <dd>
                        <a href="javascript:;" th:attr="data-url=${childMenu.attributes.url}, data-text=${childMenu.text},data-id=${childMenu.id}" >
                            <span th:class="${childMenu.attributes.icon}" th:attr="data-icon=${childMenu.attributes.icon}" th:text="${childMenu.text}"></span>
                           <!-- <cite th:text="${childMenu.text}"></cite>-->
                        </a>
                    </dd>
                </dl>
            <li>
          <!--  <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;"><i class="iconfont">&#xe607;</i>菜单管理</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" data-url="/user/toUser" data-id='2' data-text="用户管理"><span class="l-line"></span>用户管理</a></dd>
                    <dd><a href="javascript:;" data-url="/role/toRole" data-id='3' data-text="角色管理"><span class="l-line"></span>角色管理</a></dd>
                    <dd><a href="javascript:;" data-url="/permission/toPermission" data-id='4' data-text="菜单管理"><span class="l-line"></span>菜单管理</a></dd>
                    <dd><a href="javascript:;" data-url="/dept/toDept" data-id='1' data-text="部门管理"><span class="l-line"></span>部门管理</a></dd>
                    <dd><a href="javascript:;" data-url="/station/toStation" data-id='5' data-text="岗位管理"><span class="l-line"></span>岗位管理</a></dd>
                </dl>
            </li>-->
            <!--<li class="layui-nav-item">
                <a href="javascript:;"><i class="iconfont">&#xe608;</i>内容管理</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" data-url="article-list.html" data-id='3' data-text="文章管理"><span class="l-line"></span>文章管理</a></dd>
                    <dd><a href="javascript:;" data-url="danye-list.html" data-id='9' data-text="单页管理"><span class="l-line"></span>单页管理</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="iconfont">&#xe604;</i>推荐位管理</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="iconfont">&#xe60c;</i>友情链接</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="iconfont">&#xe60a;</i>RBAC</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" data-url="email.html" data-id='4' data-text="邮件系统"><i class="iconfont">&#xe603;</i>邮件系统</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="iconfont">&#xe60d;</i>生成静态</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="iconfont">&#xe600;</i>备份管理</a>
            </li>&ndash;&gt;
            <li class="layui-nav-item">
                <a href="javascript:;" data-url="qingjia.html" data-id='5' data-text="假期申请"><i class="iconfont">&#xe606;</i>假期申请</a>
            </li>
          <li class="layui-nav-item">
                <a href="javascript:;" data-url="system.html" data-id='6' data-text="系统设置"><i class="iconfont">&#xe60b;</i>系统设置</a>
            </li>-->
        </ul>
    </div>
    <!--右侧内容-->
    <div class="main-layout-container">
        <!--头部-->
        <div class="main-layout-header">
            <div class="menu-btn" id="hideBtn">
                <a href="javascript:;">
                    <span class="iconfont">&#xe60e;</span>
                </a>
            </div>

            <ul class="layui-nav" lay-filter="rightNav">
                <li class="layui-nav-item"><a href="javascript:;" data-url="email.html" data-id='4' data-text="邮件系统"><i class="iconfont">&#xe603;</i></a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;" data-url="admin-info.html" data-id='5' data-text="个人信息"><span th:text="${user.userName}"></span></a>
                </li>
                <li class="layui-nav-item"><a href="/logout">退出</a></li>
            </ul>
            <!-- 天气信息 -->
            <div class="weather" style="padding-top: 15px;" pc>
                <div id="tp-weather-widget"></div>
                <script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
                <script>tpwidget("init", {
                    "flavor": "slim",
                    "location": "WX4FBXXFKE4F",
                    "geolocation": "enabled",
                    "language": "zh-chs",
                    "unit": "c",
                    "theme": "chameleon",
                    "container": "tp-weather-widget",
                    "bubble": "disabled",
                    "alarmType": "badge",
                    "color": "#FFFFFF",
                    "uid": "U9EC08A15F",
                    "hash": "039da28f5581f4bcb5c799fb4cdfb673"
                });
                tpwidget("show");</script>
            </div>
        </div>
        <!--主体内容-->
        <div class="main-layout-body">
            <!--tab 切换-->
            <div class="layui-tab layui-tab-brief main-layout-tab" lay-filter="tab" lay-allowClose="true">
                <ul class="layui-tab-title">
                    <li class="layui-this welcome">后台主页</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show" style="background: #f5f5f5;">
                        <!--1-->
                        <iframe src="welcome.html" width="100%" height="100%" name="iframe" scrolling="auto" class="iframe" framborder="0"></iframe>
                        <!--1end-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--遮罩-->
    <div class="main-mask">

    </div>
</div>
<script type="text/javascript">
    var scope={
        link:'/welcome'
    }
    function removeClass(id){
        var oliLength = $("#navbar>li").length;
        var mentId="menuId";
        for(var i=0;i<oliLength;i++){
            if(id!=(mentId+i)){
                $("#menuId"+i).removeClass("layui-nav-itemed");
            }
        }
    }
</script>
<script th:src="@{/layui/layui.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/main.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/common.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/jquery-3.2.1.min.js}" type="text/javascript" charset="utf-8"></script>
</body>
</html>